import { React, useEffect, useRef } from "react";
import { useDispatch } from "react-redux";
import { HIDE_TABBER, SHOW_TABBER } from "../../store/action-type/tabber";
import { NavBar, Space, Swiper, SearchBar } from "antd-mobile";
import { SearchOutline, MoreOutline, TruckOutline } from "antd-mobile-icons";
import { useHistory } from "react-router-dom";
import "../../MIUIcss/Findtype/dianpu.scss";
//预约
function diandetails() {
  const dispatch = useDispatch();
  useEffect(() => {
    dispatch({ type: HIDE_TABBER });
  }, []);
  const { go } = useHistory();

  const back = () => {
    go(-1);
    dispatch({ type: SHOW_TABBER });
  };
  return (
    <div className="diandetails">
      <div className="dian-nav">
        <NavBar onBack={back}>
          <span>小米之家XX店</span>
        </NavBar>
      </div>
      <div className="dianpu-yuyue">
        <div className="dianpu-img">
          <img src="../../../src/image/Find/dianpu01.png" alt="" />
          <div className="business">
            <b>营业时间</b>
            <p>10:00 - 22:00</p>
          </div>
        </div>
        <div className="dianpu-url">
          <b>地址</b>
          <p>
            北京市朝阳区某某路21号合生汇购物中心一层L1-14A <br />
            商铺
          </p>
        </div>
        <div className="dianpu-dianhua">
          <b>电话</b>
          <p>010 - XXXX</p>
        </div>
        <div className="dianpu-daka">
          <b>签到</b>
          <p>1.01km &gt;</p>
        </div>
        <div className="yuyue-btn">
          <button>暂时无法预约</button>
        </div>
      </div>
    </div>
  );
}

export default diandetails;
